@font-face 
{
	src:url("/assets/fonts/MyriadWebPro.ttf");
	font-family: my;
	font-weight: normal;
	advancedAntiAliasing: true;
}

@font-face 
{
	src:url("/assets/fonts/MyriadWebPro-Bold.ttf");
	font-family: myBold;
	font-weight: bold;
	advancedAntiAliasing: true;
}

WindowedApplication
{
	background-color: #333333;
	background-image: "";
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
    corner-radius: 15;
    rounded-bottom-corners: true;
    status-bar-background-color: #333333;
}

Window
{
	background-color: #333333;
	background-image: "";
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

Button 
{
	font-size: 12pt;
	skin: Embed("assets/images/button_skin.png",
		scaleGridLeft="8",
		scaleGridRight="23",
		scaleGridTop="8",
		scaleGridBottom="21");
	over-skin: Embed("assets/images/button_over_skin.png",
		scaleGridLeft="8",
		scaleGridRight="23",
		scaleGridTop="8",
		scaleGridBottom="21");
	open-duration: 0;
	close-duration: 0;
	corner-radius: 2;
}

Button.mode
{
	font-size: 14pt;
	font-weight: bold;
	color: #333333;
}

ComboBox
{
	font-size: 14pt;
}

FormHeading
{
	font-weight: bold;
	font-size: 18pt;
	color: #ffffff;
}

FormHeading.label
{
	font-weight: bold;
	font-size: 21pt;
}

NumericStepper
{
	font-family: myBold;
	font-weight: bold;
	font-size: 26pt;
    text-align: right;
}

Label
{
	color: #ffffff;
	font-size: 14pt;
}

Label.timer 
{
	font-family: myBold;
	text-align: center;
	font-size: 124pt;
	font-weight: bold;
}

Label.score
{
	font-weight: bold;
	font-size: 32pt;
}

Text.score
{
	font-size: 21pt;
}

TextArea
{
	font-size: 18pt;
}

TextInput
{
	font-size: 12pt;
}

ToggleButtonBar 
{
	firstButtonStyleName: leftButton;
	buttonStyleName: middleButton;
	lastButtonStyleName: rightButton;
	selectedButtonTextStyleName: selectedButtonText;
}

.leftButton 
{
	
	skin: Embed("/assets/images/button_bar_left.png",
		scaleGridLeft="8",
		scaleGridRight="27",
		scaleGridTop="8",
		scaleGridBottom="21");
	over-skin: Embed("/assets/images/button_bar_left_over.png",
		scaleGridLeft="8",
		scaleGridRight="27",
		scaleGridTop="8",
		scaleGridBottom="21");
	
}

.middleButton 
{
	/*
	skin: Embed("/assets/images/button_bar_middle.png",
		scaleGridLeft="8",
		scaleGridRight="27",
		scaleGridTop="8",
		scaleGridBottom="21");
	over-skin: Embed("/assets/images/button_bar_middle_over.png",
		scaleGridLeft="8",
		scaleGridRight="27",
		scaleGridTop="8",
		scaleGridBottom="21");
	*/
}

.rightButton 
{
	skin: Embed("/assets/images/button_bar_right.png",
		scaleGridLeft="8",
		scaleGridRight="27",
		scaleGridTop="8",
		scaleGridBottom="21");
	over-skin: Embed("/assets/images/button_bar_right_over.png",
		scaleGridLeft="8",
		scaleGridRight="27",
		scaleGridTop="8",
		scaleGridBottom="21");
}

.selectedButtonText
{
	font-weight: bold;
	font-style: myBold;
	color: #a1a1a1;
}

.appTitle
{
	font-family: myBold;
	color: #ffffff;
	font-size: 32pt;
	font-weight: bold;
}

.welcome 
{
	color: #535353;
}

.iconClose 
{
	skin: Embed("/assets/images/close.png");
	over-skin: Embed("/assets/images/close_over.png");
}

.iconMinimize 
{
	skin: Embed("/assets/images/minimize.png");
	over-skin: Embed("/assets/images/minimize_over.png");
}

.iconMaximize 
{
	skin: Embed("/assets/images/maximize.png");
	over-skin: Embed("/assets/images/maximize_over.png");
}

.iconBack 
{
	skin: Embed("/assets/images/back.png");
	over-skin: Embed("/assets/images/back_over.png");
}

.iconSetting 
{
	skin: Embed("/assets/images/setting.png");
	over-skin: Embed("/assets/images/setting_over.png");
}

.iconSend 
{
	skin: Embed("/assets/images/send.png");
	over-skin: Embed("/assets/images/send_over.png");
}